{% extends '::backend.html.twig' %}
{% block contenido %}
{% block documentReadyJavascript %}
    {{ parent() }}
    <script type="text/javascript">
        $(".save").on('click', function(){
            return validateAjaxInputs();
        });
        
        function validateAjaxInputs() {
            $.validity.setup({
                outputMode:"bootstrap"
            });

            $.validity.start();

            //validacion campo dni
            $("#UserPerfilType_dni")                        
            .require("El dni es obligatorio")                         
            .match("integer","Debe ser un nro.")
            .maxLength( 8, "El campo debe tener 8 números máximo" )
            .minLength( 7, "El campo debe tener 7 números mínimo" ); 

            //validacion campo nombre
            $("#UserPerfilType_nombre")                        
            .require("Es obligatorio")
            .maxLength( 50, "El campo no puede superar los 50 caracteres")
            ;                         

            //validacion campo apellido
            $("#UserPerfilType_apellido")                        
            .require("Es obligatorio")
            .maxLength( 50, "El campo no puede superar los 50 caracteres");                         

            //validacion campo email
            $("#UserPerfilType_email")                        
            .require("Es obligatorio") 
            .match("email","Debe ser un mail valido.")
            .maxLength( 50, "El campo no puede superar los 50 caracteres");

            //validacion campo codigo postal
            $("#UserPerfilType_codigopostal")                        
            .match("integer","Debe ser un nro.")
            .maxLength( 4, "El campo debe 4 números" )
            ;

            //validacion campo direccion
            $("#UserPerfilType_direccion")                        
             .maxLength( 100, "El campo no puede superar los 100 caracteres")
            ;

            //validacion campo username
            $("#UserPerfilType_username")                        
            .require("Es obligatorio")
            .maxLength( 20, "El campo no puede superar los 20 caracteres")
            ;     

            var result = $.validity.end();

            // Return whether it's okay to proceed with the Ajax:
            return result.valid;
        }
    </script>
{% endblock documentReadyJavascript %}
<legend>Editar perfil de: "{{ entity.username  }}"</legend>
<form class="form-horizontal" action="{{ path('user_update_perfil') }}" method="post" {{ form_enctype(form) }}>
    {{ form_widget(form._token) }} 
    {% include 'BackendBundle:Default:flashAlerts.html.twig'%}
    <fieldset> 
        <div class="control-group">
            <label class="control-label required" >Dni</label>
            <div class="controls">
                {{ form_errors(form.dni) }}
                {{ form_widget(form.dni) }}
            </div>
        </div>
        <div class="control-group">
            <label class="control-label required" >Nombre</label>
            <div class="controls">
                {{ form_errors(form.nombre) }}
                {{ form_widget(form.nombre) }}
            </div>
        </div>
        <div class="control-group">
            <label class="control-label required">Apellido</label>
            <div class="controls">
                {{ form_errors(form.apellido) }}
                {{ form_widget(form.apellido) }}
            </div>
        </div>
        <div class="control-group">
            <label class="control-label required">Email</label>
            <div class="controls">
                {{ form_errors(form.email) }}
                {{ form_widget(form.email) }}
                </div>
        </div>
        <div class="control-group">
            <label class="control-label required">Teléfono</label>
            <div class="controls">
                {{ form_errors(form.telefono) }}
                {{ form_widget(form.telefono) }}
            </div>
        </div>
        <div class="control-group">
            <label class="control-label required">Direcci&oacute;n</label>
            <div class="controls">
                {{ form_errors(form.direccion) }}
                {{ form_widget(form.direccion) }}
                </div>
        </div>
        <div class="control-group">
            <label class="control-label required">C&oacute;digo Postal</label>
                <div class="controls">
                    {{ form_errors(form.codigopostal) }}
                    {{ form_widget(form.codigopostal) }}
                </div>
        </div>
        <div class="form-actions">
            <button type="submit" class="btn btn-success save">
                <i class="icon-ok icon-black"></i> Guardar
            </button>
                <a id="btnCancelar" class="btn btn-danger" href="{{ path('user_perfil')}}">
                <i class="icon-remove icon-black"></i> Cancelar
            </a>
        </div>
    </fieldset>
</form>

{% endblock %}

    